/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;width:100%}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-size:12px;font-family:  arial,'microsoft yahei','sans serif';color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none; !important;}
.f-db{display:block !important;;}
.f-di{display:inherit !important;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-fs12{font-size:12px;}
.f-fs14{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-mt10{margin-top:10px}
.f-mt20{margin-top:20px}
.f-ml10{margin-left:10px}
.f-zoom1{zoom: 1}
.f-crz{clear: both}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
.f-red{color:red}
.f-orange{color:orange}
.f-clear{clear:both}
.f-cutline{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.container { position: relative;width:980px;margin:0 auto}
.m30{ margin:30px auto; overflow:hidden;}
.red{color:red}
.f-c333{color:#333}
/*backTop*/
#backTop { width: 54px; height: 54px; overflow: hidden; right: 15px; position: fixed; z-index: 100; bottom: 30px;display: none }
#backTop a {display: block; border-radius: 2px; width: 54px; height: 54px; overflow: hidden; background: url(../image/ico_fix.png) no-repeat 0 -118px; }
#backTop a:hover{ opacity:0.8;}

.cutline li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.left{
	width:700px;
	float:left;
}
.sidebar {
	float: right;
	width: 260px;
}
.box {
	margin-bottom: 10px;
	border: 1px solid #D4D4D4;
	background-color: #FFF;
}
.soft-list {
	padding: 15px;
	line-height: 1.8;
	font-size: 16px;
}
.soft-list .tt{
	font-size: 25px;
}
.soft-list li {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px dashed #D4D4D4;
}
.soft-list em {
	font-style: normal;
}
.soft-list .related-info {
	float: right;
	font-size: 12px;
	color: #777;
	text-align: right;
}

.soft-list .related-info .ri-1 {
	margin: 0 15px;
	display: inline-block;
	text-align: left;
}
.soft-list .related-info .ri-1 {
	min-width: 60px;
}
.course-list {
	padding: 15px 15px 0;
	line-height: 1.8;
	font-size: 16px;
}
.course-list .tt{
	font-size: 25px;
}
.course-list li {
	padding-bottom: 5px;
	margin-top:10px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #D4D4D4;
}
.course-list li img{
	width:160px;
	height:120px;
	margin-top:3px;
	margin-right:10px;
	float:left;
	border:5px solid #ccc;
	opacity: 0.9;
}
.course-list li img:hover{
	border-color:#eee;
}
.course-list li .t{
}
.course-list li .t .title{
	overflow: hidden;
	height:25px;
	margin-bottom:5px;
}
.course-list li .t .title a{
	font-weight: bold;
}
.course-list li .t .title a:hover{
	color:#093;font-weight: bold;
}
.course-list li .desc,.course-list li .desc a{
	font-size:13px;
	line-height:1.8;
	text-indent: 2em;
	padding-bottom: 3px;
	height:5.4em;overflow: hidden;
	color:#777;
}
.course-list .related-info {
	font-size: 14px;
	color: #555;
}

.course-list .related-info span {
	margin-right:10px;
	display: inline-block;
	text-align: left;
}
.art-list {
	padding: 15px 15px 0;
	line-height: 1.8;
	font-size: 16px;
}
.art-list .tt{
	font-size: 25px;
}
.art-list li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #D4D4D4;
}

.art-list li .t{
	height: 35px;
	line-height: 35px;
}
.art-list li .t .title{
	float:left;max-width:460px;overflow: hidden;height: 35px;
	line-height: 35px;
}
.art-list li .t .title a{
	font-weight: bold;
}
.art-list li .t .title a:hover{
	color:#093;font-weight: bold;
}
.art-list li .desc,.art-list li .desc a{
	font-size:13px;
	line-height:2;
	text-indent: 2em;
	padding-bottom: 3px;
	color:#777;
}
.art-list em {
	font-style: normal;
}
.art-list .related-info {
	font-size: 12px;
	color: #777;
	text-align: right;
}

.art-list .related-info .ri-1 {
	margin: 0 15px;
	display: inline-block;
	text-align: left;
}
.art-list .related-info .ri-1 {
	min-width: 60px;
}
.ranking .bd {
	margin: 10px 15px 0;
	font-size:14px;
}
.ranking li {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px dashed #D4D4D4;
}
.ranking li:last-child {
	border-bottom: 0;
}
.ranking li i{
	display: inline-block;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	background-color: #A0A0A0;
}
.ranking .top3 i {
	width: 20px;
	height: 28px;
	background: url(../image/top3.png) no-repeat;
}

/* 首页-公共标题栏 */
.index-hd {
	margin-bottom: 5px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	color: #FBFBFB;
	border-bottom: 1px solid #D4D4D4;
	background-color: #FBFBFB;
}
.index-hd .title {
	float: left;
}
.index-hd .title em {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #535353;
	vertical-align: middle;
}

.pageSideNav { width: 100%; overflow: hidden; position: relative;background: #F0F2F4;padding:20px 0 }
.nav_menu{width: 960px;margin: 0 auto;height: 175px;overflow: hidden;text-align: center}
.nav_menu .nav_menu_top{height: 175px;}
.nav_menu .nav_menu_top h1{font-size: 28px;color: #6dbc0c;margin-top: 30px;font-weight: normal;}
.nav_menu .nav_menu_top p{color: #aeafaf;font-size: 16px;margin: 10px 0 25px 0;}
.subnav a{background: url(../image/icon.png) no-repeat -250px -227px;color: #444;width: 80px;height: 30px;line-height: 28px;display: inline-block;font-size: 14px;margin: 0 4px;text-align: center}
.subnav a:hover{background-position: -160px -227px;color: #fff;}
.subnav a.green{background-position: -160px -227px;color: #fff;}
.window-head{width: 100%;height: 45px;background: #1b1b1b;position: fixed;z-index: 999;left: 0;top: 0;display: none;}
.window-head .hui{background: url(../image/top.png) repeat-x;width: 100%;height: 4px;clear: both;position: absolute;left: 0;top: 75px;z-index: 10000;}
.window-head .window_menu{width: 960px;margin: 0 auto;position: relative;}
.window_menu h2{float: left;line-height: 45px;font-size: 20px;color: #6dbc0c;}
.window-head .window_menu .subnav{margin-top: 8px;float: right;}

/* pageSide */
.pageSide { width: 100%; height: 238px; overflow: hidden; position: relative; }
.pageSide .bd { width: 100%; background: url(../image/loading.gif) no-repeat center center; }
.pageSide .bd ul { width: 100% !important; }
.pageSide .bd li { width: 100% !important; height: 238px; }
.pageSide .bd li .pic { width: 980px; height: 238px; margin: 0 auto; position: relative; }
.pageSide .bd li .pic img {display: block; width: 980px; height: 238px; }
.pageSide .hd { width: 980px; margin: 0 auto; position: relative; }
.pageSide .hd ul { position: absolute; right: 0; bottom: 10px; }
.pageSide .hd ul li { border-radius: 50%; cursor: pointer; display: inline-block; *display:inline;zoom: 1; width: 14px; height: 14px; line-height: 50px; margin: 4px; overflow: hidden; background: #b8b8b8; }
.pageSide .hd ul .on { background: #00aeec; }
.pageSide .hd ul li:hover{ opacity:0.8;}

/*pageNav*/
.pageNav{ z-index:999; height:34px; position:relative;}
.pageNav ul{ width:980px; margin-top:-34px;}
.pageNav ul li{ height:34px; padding:0 22px; float:left; background:#00b6ee; font-size:14px; line-height:32px; margin-right:12px;}
.pageNav ul li a{ color:#fff !important; text-decoration:none;}
.pageNav ul li:hover{ opacity:0.8;}
.pageNav ul li.on{ background:#fff; }
.pageNav ul li.on a{color:#333 !important;}

.fixtop{top:0;left:0;z-index:999;position:fixed; z-index:999; width:100%; background:#1b1b1b; height:auto;}
.fixtop ul{ width:980px; margin:0 auto; padding:10px 0;}
.fixtop ul li{ height:26px;  line-height:24px;  border-radius:2px;}


/* 分页 */
.pagination {
	padding:10px 15px 15px;
}
.pagination ul{
	text-align: center;
}
.pagination li {
	float:left;
	margin-right:4px;
}
.pagination ul li a {
	padding:8px 11px;
	border-bottom:none;
	display:inline-block;
	color:#999;
	float:left;
	transition:all 200ms ease-in-out;
	box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.05);
	border-radius:3px;
	background:#fff;
	box-shadow:0 0 4px #ECECEC;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border:1px solid #e6e6e6;
}
.pagination ul .page-numbers a#current_page_number {
	background:#0388FC !important;
	color:#fff !important;
	border-color:#0388FC !important;
}
.pagination .current,.pagination ul li a:hover {
	background:#0388FC;
	color:#fff;
	border-color:#0388FC !important;
	box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.15);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.user-icon{
	background: url(../image/userlv.png);
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align: inherit;
}
.user-icon-yellow{
	background-position: -3px 0;
}
.user-icon-blue{
	background-position: -29px 0;
}
.user-icon-grey{
	background-position: -54px 0;
}
.user-icon-star{
	background-position: -77px 0;
}


.btn{
	display: inline-block;
	_display: block;
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
	width: 96px;
	height: 36px;
	border-radius: 2px;
	text-align: center;
	line-height: 36px;
	font-size: 15px;
	margin: 0;
	padding: 0;
	color:#333;
}
.btn:hover{
	background-color:#ebebeb;color:#000000;
}
.bluebtn{
	background-color: #32a5e7;
	border: 1px solid #32a5e7;
	color: #FFF;
}
.bluebtn:hover{
	background-color: #2799db;
	border: 1px solid #309ddb;
	text-decoration: none;
	color: #FFF;
}


.input-area{
	padding: 3px;
	font-size: 16px;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-text {
	padding: 3px;
	font-size: 14px;
	vertical-align: middle;
	height: 22px;
	color: #555;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}